<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script src="../../../02jquery/jquery-3.1.0/jquery-3.1.0.min.js"></script>	
         <style>
        div {
            width: 400px;
            height: 150px;
            border: 1px dashed red;
            margin: 10px 0;
        }
        p {
            border: 1px solid blue;
        }
    </style>											
    </head>
    <body>
     <div>123</div>
    <div>456</div>
    </body>
    <script>
 	$( '<div style="width:400px; height: 100px; border: 1px dotted red;"></div>' ).appendTo( document.body )

    // 注意:
    // 1> 需要实现创建 html 元素的办法, 重新处理构造函数
    // 2> 需要参数可以是很多种类型
    // 
    // 
    // 
    // 
    // 
    var p1 = $( '<p>ppp</p>' );
    var p2 = p1.appendTo( $( 'div' ) );
    </script>
</html>